
import React, { CSSProperties, FC } from 'react'
import { renderIconDefinitionToSVGElement } from '../helpers'

interface IconProps {
    width?: string
    height?: string
    className?: string
    style?: CSSProperties
}

const Aim: FC<IconProps> = ({
    width = '1em',
    height = '1em',
    className,
    style,
}) => {
    const svgHTMLString = renderIconDefinitionToSVGElement({"icon":{"tag":"svg","attrs":{"viewBox":"64 64 896 896","focusable":"false"},"children":[{"tag":"defs","attrs":{},"children":[{"tag":"style","attrs":{}}]},{"tag":"path","attrs":{"d":"M952 474H829.8C812.5 327.6 696.4 211.5 550 194.2V72c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v122.2C327.6 211.5 211.5 327.6 194.2 474H72c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h122.2C211.5 696.4 327.6 812.5 474 829.8V952c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V829.8C696.4 812.5 812.5 696.4 829.8 550H952c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM512 756c-134.8 0-244-109.2-244-244s109.2-244 244-244 244 109.2 244 244-109.2 244-244 244z"}},{"tag":"path","attrs":{"d":"M512 392c-32.1 0-62.1 12.4-84.8 35.2-22.7 22.7-35.2 52.7-35.2 84.8s12.5 62.1 35.2 84.8C449.9 619.4 480 632 512 632s62.1-12.5 84.8-35.2C619.4 574.1 632 544 632 512s-12.5-62.1-35.2-84.8A118.57 118.57 0 00512 392z"}}]},"name":"aim","theme":"normal"}, {
        extraSVGAttrs: { width, height, fill: 'currentColor' }
    });

    return <span 
        style={{
            display: 'flex',
            ...style,
        }} 
        className={className} 
        dangerouslySetInnerHTML={{
            __html: svgHTMLString
        }}>
    </span>
}

export default Aim;